<template>
    <ProjectName :projectCode="data.projectCode"/>
   <SlotsAddProjectOpt :loading="loading" :loadingText="loadingText">
       <div class="w-100">
           <!-- 操作区文本框 -->
           <el-input
                v-model="textarea"
                :rows="20"
                type="textarea"
                placeholder="Please input"
            />
           <!-- 操作区按钮组 -->
           <AddProjectOperateButton 
               :opdateButtons="opeateParam.opdateButtons" 
               @warehouseQuery="warehouseQuery" 
               @reIdentifyElement="reIdentifyElement"
               class="d-flex justify-content-end pt-3 pe-3"
           />
       </div>
   </SlotsAddProjectOpt>
</template>

<script setup lang="ts">
    import { ref, reactive, onMounted } from 'vue'
    import { useRouter } from "vue-router";
    import AddProjectOperateButton from '/src/components/AddProjectOperateButton.vue'
    import SlotsAddProjectOpt from '/src/components/SlotsAddProjectOpt.vue'
    import ProjectName from '/src/components/project/ProjectName.vue'

    const router = useRouter();
    const loading = ref(false)
    const loadingText = ref('Lodding...')
    const jsonEditorRef = ref(null)

    const textarea = ref("抵质押物类型包括: 住宅用房(商品房住宅), 商业用房(包括商业公寓、写字楼、商铺、商场等) , 工业用房(包括产业园、工业园、物流园、工厂等) , 其他用房(包括小产权、私宅、自建房、车位、未分类房产等) , 土地使用权(工业用地、商业用地、住宅用地等) , 在建工程 , 林权 , 采矿权 , 设备/机器设备 , 运输工具(汽车、船舶等) , 材料物质 , 无形资产(品牌、商标、专利等) , 股权 , 应收账款 , 其他收益权(收费权、优先级收益权) , 租赁资产 , 银行存单 , 汇票 , 其他(包括艺术品、文玩收藏、工艺品、奢侈品等) 。 后续提取抵质押物类型时请转换为上述类型中的一种。 extract information from the following text: <text> 公告名称:泉州豪生发展有限公司债权资产转让意向征集公告, 公告ID:8664, 公告时间:2023-07-12 转让方拟处置以下资产，债权具体信息如下： 债权资产（包括债权项下的担保权益）： <json> [{\"序 号\":\"1\",\"借款人名称\":\"泉州豪生发展有限公司\",\"所在 地\":\"泉州市\",\"币 种\":\"人民币\",\"本金\":\"587828876.99\",\"利息\":\"318509626.9\",\"担保情况\":\"泉州豪生发展有限公司以其名下位于泉州洛江中心区的国有建设用地使用权［国有土地证号：洛国用（2009）第**号］及泉州洛江中心城区C19-02-02地块、C19-02-03地块的泉州国际豪生商住1号楼、商务2号楼、地下室在建工程和土地使用权［国有土地证号：洛国用（2009）第**号、洛国用（2009）第**号］提供抵押担保；张海仙以名下持有的泉州豪生发展有限公司51%股权及泉州丰泽日盛发展有限公司以其名下持有的州豪生发展有限公司49%股权提供质押担保；张海仙承担连带保证担保。\",\"当前资产 状况\":\"存续\"}] </json> 注：债权金额单位为人民币元，债权基准日为2023年6月20日；实际金额以债权文件及生效法律文书确定的为准。 该债权资产的交易对象须为在中国境内注册并合法存续的法人或者其他组织或具有完全民事行为能力的自然人，并应具备注册资本、财务状况良好等；交易对象不得为：国家公务员、金融监管机构工作人员、政法干警、金融资产管理公司工作人员、债务人管理层、参与资产处置工作的律师、会计师、评估师等中介机构等关联人或者上述关联人参与的非金融机构法人；以及与不良债权转让的金融资产管理公司工作人员、债务人或者受托资产评估机构负责人员等有直系亲属关系的人员。 </text> and return json object with properties: {'公告名称','公告ID','公告日期','行业','债权详情':[{'债务人', '债权合计金额(万元)', '本金(万元)', '利息(万元)', '其它费用(万元)', '诉讼情况', '债务人所在地','债务人所在省','债务人所在市', '担保方式', '担保人或保证人','基准日':'YYYY-MM-DD', '抵质押物': [{'抵质押物详情(包括名称、用途、面积等)', '抵质押物类型', '抵质押物地址','抵质押物所在省','抵质押物所在市'}]}]} 注意：金额需要转换为万元。请不要输出额外字符，仅输出JSON对象即可")
    //const textarea = ref("134")

    const opeateParam = reactive({
        opeateText: '识别查询结果，启动仓库查询',
        opdateButtons: [
            { name: '上传修改', methond: 'reIdentifyElement' },
            { name: '开始标签化', methond: 'warehouseQuery' }
        ],
    });

    const data = reactive({
        dueDiligenceOptRecord:{
            disposalResults:{}
        },
        projectCode:'',
        // json编辑器默认展开的层级结构
        jsonexpands: [['0','保证人或担保人'],['0','抵质押物']]
    })

    /**
     * 启动仓库查询
     */
    const warehouseQuery = () => {
        loadingText.value = '正在进行资产标签化，请稍等...'
        // 开启loading
        loading.value = true;
        setTimeout(() => {
            // 关闭loading
            loading.value = false;
            ElMessage.success('标签化成功')
            router.push('/bi_frontend/assetTagging/aiResult')
        }, 5000);
    }
    /**
     * 重新要素识别
     */
    const reIdentifyElement = () => {
        setTimeout(() => {
            ElMessage.success('上传成功')
        }, 200);
    }
</script>

<style scoped>
    .jsoneditor-vue{
	    height: 100%;
	}
</style>